<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>数据统计</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../static/css/font.css">
		<link rel="stylesheet" href="../static/css/weadmin.css">
		<script src="../lib/layui/layui.js" charset="utf-8"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	</head>

	<body>
		<div id="statisticsApp">
			<div class="weadmin-nav" style="visibility: visible;">
				<span class="layui-breadcrumb">
					<a href="">首页</a>
					<a href="">管理员查询</a>
					<a><cite>数据统计</cite></a>
				</span>
		
			</div>
			<div class="weadmin-body">
				<div class="layui-row">	
				
				
					数据搜索：(第一个时间是时间区间左端点，第二个时间是时间区间右端点，格式如 2022-1-1 22:30:56 采用24小时进制)
					<form class="layui-form layui-col-md12 we-search">
						<div class="layui-inline">
							<input type="text" name="username" placeholder="记录ID" autocomplete="off" class="layui-input" v-model="statisticsId" />
						</div>
						<div class="layui-inline">
							<input type="text" name="username" placeholder="注册量" autocomplete="off" class="layui-input" v-model="registerNumber" />
						</div>
						<div class="layui-inline">
							<input type="text" name="username" placeholder="访问量" autocomplete="off" class="layui-input" v-model="visitNumber" />
						</div>
						<div class="layui-inline">
							<input type="text" name="username" placeholder="简历投递量" autocomplete="off" class="layui-input" v-model="resumeNumber" />
						</div>
						<div class="layui-inline">
							<input type="text" name="username" placeholder="(yyyy-MM-dd HH:mm:ss)" autocomplete="off" class="layui-input" v-model="createTime" />
						</div>
						<div class="layui-inline">
							<input type="text" name="username" placeholder="(yyyy-MM-dd HH:mm:ss)" autocomplete="off" class="layui-input" v-model="updateTime" />
						</div>
						
						
						<button class="layui-btn" type="button" @click="statisticsListClick">
							<i class="layui-icon layui-icon-search"></i>
						</button>
					</form>
				</div>
				<table class="layui-table">
					<thead>
						<tr>	
							<th>
								<input class="layui-form-checkbox" lay-skin="primary" type="checkbox" />
							</th>
							<th>记录ID</th>
							<th>注册量</th>
							<th>访问量</th>
							<th>简历投递量</th>
							<th>创建时间</th>
							<th>更新时间</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr v-for="(item,key) of statisticsList">
							<td>
								<input class="layui-form-checkbox" lay-skin="primary" type="checkbox" />
							</td>
							<td>{{item.statisticsId}}</td>
							<td>{{item.registerNumber}}</td>
							<td>{{item.visitNumber}}</td>
							<td>{{item.resumeNumber}}</td>
							<td>{{item.createTime}}</td>
							<td>{{item.updateTime}}</td>
						
							<td class="td-manage">
								<a title="查看" onclick="WeAdminShow('订单详细信息','orgderDetails.html')" href="javascript:;">
									<i class="layui-icon">&#xe705;</i>
								</a>
								<a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">
									<i class="layui-icon">&#xe640;</i>
								</a>
							</td>
						</tr>
					</tbody>
				</table>
				<!-- <div class="page">
					<div>
						<a class="prev" href="">&lt;&lt;</a>
						<a class="num" href="">1</a>
						<span class="current">2</span>
						<a class="num" href="">3</a>
						<a class="num" href="">489</a>
						<a class="next" href="">&gt;&gt;</a>
					</div>
				</div> -->
			</div>
		</div>
	
		<script src="../static/js/admin.js" type="text/javascript" charset="utf-8"></script>
	</body>
	<script src="../js/request.js"></script>
		<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script type="text/javascript">
			

			var vm=new Vue({
				el:'#statisticsApp',
				data:{
					ids: [],
					statisticsId: "",
					registerNumber: "",
					visitNumber: "",
					resumeNumber: "",
					createTime: "",
					updateTime: "",
				
					statisticsList: []
				},
				methods:{
					callbackStatisticsList(e) {
						if (e.flag && e.data != null && e.code == 20000) {
							this.statisticsList = e.data
							
						} else {
							window.alert(e.message)
						}
					},
					statisticsListClick() {
						statistics = {}

						if (this.statisticsId != "") {
							statistics["statisticsId"] = this.statisticsId
						}

						if (this.registerNumber != "") {
							statistics["registerNumber"] = this.registerNumber
						}
						if (this.visitNumber  != "") {
							statistics["visitNumber"] = this.visitNumber
						}
						if (this.resumeNumber != "") {
							statistics["resumeNumber"] = this.resumeNumber
						}
						
						if (this.createTime != "") {
							statistics["createTime"] = this.createTime
						}
						if (this.updateTime != "") {
							statistics["updateTime"] = this.updateTime
						}
						
						// 异步回调
						getStatisticsList(statistics, this.callbackStatisticsList)
					}
				}
			})
		</script>
</html>
